/*
.ab_box a:hover{background:#c4a423 url(../Images/r_bg_1.png) center center no-repeat;
                transform:rotate(360deg);
-ms-transform:rotate(360deg); 	
-moz-transform:rotate(360deg); 
-webkit-transform:rotate(360deg); 
-o-transform:rotate(360deg); 	
                }


.trapezoid {			
			width: 100px;			
			border-top: 100px solid #f00;			
			border-right: 50px solid transparent;
		}

opacity:1;
  -webkit-transition: all .9s ease 0s;
	-moz-transition: all .9s ease 0s;
	-o-transition: all .9s ease 0s;
	transition: all .9s ease 0s;

*/

*{}
ul , li{padding:0px; margin:0px; list-style:none;}
body {color: #333;	cursor: default;padding:0px; margin:0px; background: #fcfcfc; font-size:14px;}
.clear {clear: both;padding: 0px;margin: 0px;height: 0px;}
a {	text-decoration: none;	cursor: pointer;	color: #333; font-size:14px;
	/*transition: all 1s;*/
}
a:hover {color: #da251c;}


/*Header*/
#header{width:100%; padding-top:6px; height:110px; background:url(/Shared/Images/banner1.jpg) center center no-repeat;}
#logo{position:relative; top:5px;}
.stitle{font-size:24px; position:relative; top:30px;}
.sitetitle{position:relative; top:6px;}

#top_tel{ position:relative; top:25px;}
#top_tel i{color:#da251a; }
#top_tel p{font-size:18px; color:#333; letter-spacing:1px; font-family:"Arial Black"; padding-top:0px; margin-top:-3px;}

/*Navigation*/
#navigation{ background:#004685; width:100%; padding:0px; margin-top:10px;}
#navigation .navbar-default{ background:#004685; border:none;
                           border-radius:0px !important; padding:0 auto; margin:0px auto;}
#navigation .navbar-default .navbar-nav li{padding:0px; padding-right:7px !important; padding-left:7px !important; text-align:center; border-right:1px solid #035baa;}
#navigation .navbar-default .navbar-nav li a{font-size:14px; color:#fff; font-weight:bold; }
#navigation .navbar-default .navbar-nav li.dropdown .dropdown-toggle{font-size:14px; font-weight:bold;}
#navigation .navbar-default .navbar-nav li.dropdown:hover .dropdown-menu{ display:block !important;}
#navigation .navbar-default .navbar-nav li a:hover{font-size:14px; color:#f9f9f9; }
#navigation .navbar-default .navbar-nav li.dropdown a{font-size:14px; color:fff;}
#navigation .navbar-default .navbar-nav li.open{padding-right:0px;}
#navigation .navbar-default .navbar-nav li.open a{ background:#004685; color:#fff;}
#navigation .navbar-default .navbar-nav li.dropdown .dropdown-menu{background:#004685; 
                                                                   }
#navigation .navbar-default .navbar-nav li.dropdown .dropdown-menu li{ background:none;  text-align:left;
                                                                     }
#navigation .navbar-default .navbar-nav li.dropdown .dropdown-menu li:hover{ background:#055399;}
#navigation .navbar-default .navbar-nav li.dropdown .dropdown-menu .caret{color:#f8b551;}
#navigation .navbar-default .navbar-nav li.dropdown .dropdown-menu li:hover a{ background:none;}
#navigation .navbar-default .navbar-nav li.dropdown .dropdown-menu li a{color:#fff; margin-top:5px; padding-top:5px; background:none;}
#navigation .navbar-default .navbar-nav li.dropdown .dropdown-menu li a:hover{ background:none;}
#navigation .navbar-default .navbar-nav li .nav_en{display:block; font-size:9px; opacity:0.6; position:relative; top:-2px; font-weight:normal;}
#navigation .navbar-default .navbar-nav li.right-phone{ text-align:right; color:#da251a; font-size:16px;
                                                    padding-left:20px;}
#navigation .navbar-default .navbar-nav li.right-phone i{position:relative; top:20px; border-radius:50px; padding:2px 4px; border:1px solid #da251a;}
#navigation .navbar-default .navbar-nav li.right-phone span{position:relative; top:20px;}
#navigation .navbar-header{position:relative; top:0px;}
#navigation .navbar-header .navbar-toggle{ background:#004685; color:#da251a; border:none;}

#search_container{position:relative; top:17px; padding-left:10px;}
#scbtn{border-radius:50px; background:#ecab13; border:none;}


#slider , #slider div{height:400px;  padding:0px; margin:0px;}
#slider .col-md-12{padding-right:0px !important; margin-right:0px; }
#slider .col-md-12 .carousel{padding-right:0px !important;}
#slider .col-md-12 .carousel .carousel-cell{width:100%; background-position:center center; margin-right:0px; 
                                            }

/*Pagination*/
.page_box{padding-top:20px; padding-bottom:20px; text-align:center; clear:both; margin-top:20px; line-height:40px;
           width:100%;}
.page_box a{-webkit-border-radius: 5px; -moz-border-radius: 5px;  border-radius: 5px;
	border: 3px solid #f0f0f0; background:#ccc; padding:13px 17px; margin-left:4px; color:#333; }
.page_box a:hover , .page_box a.current{color:#fff; background:#d52123;}


.next_prev_box{border-top:1px dotted #ccc; border-bottom:3px solid #f0f0f0; line-height:24px; padding-top:14px; 
               padding-left:10px; padding-bottom:14px; font-size:15px; background:#f9f9f9; margin-left:10px; margin-top:20px;}
.next_prev_box a{color:#d52123; font-weight:bold; font-size:15px;}

#top_3_cat{padding-top:50px; padding-bottom:50px;}
.cat3box{border:1px solid #d4d4d4; background:#f3f2f2; padding:30px; margin-bottom:30px;}
.cat3box_alt{ background:#fcfcfc;}
.cat3box h2{margin-bottom:10px;}
.cat3box h2 a{font-size:18px; color:#333; font-weight:bold;}

#cat9box{}
#cat9box .cat3box{padding:10px; margin-bottom:20px;}
#cat9box .cat3box h2 a{font-size:14px;}
.left_cat{}
.left_cat li{border:1px solid #d4d4d4; margin-top:5px; background:#fcfcfc; padding:20px 20px;}
.left_cat li:hover{background:#004685; color:#fff;}
.left_cat li:hover a{color:#fff;}
.left_cat li a{ display:block;}
.left_cat li.leftcattitle{ border:1px solid #d4d4d4; background:#004685; padding-top:22px; padding-bottom:22px;}
.left_cat li.leftcattitle a{ display:block; font-size:18px; font-weight:bold; text-align:center; color:#fff;}

.sec_alt{ background:#f5f4f4; padding-top:60px; padding-bottom:60px;}
.block_title{ margin-bottom:30px;}
.block_title h2{}
.block_title h2 a{border-bottom:5px solid #1696c5; font-size:30px; padding-bottom:8px; letter-spacing:1px;}
.block_title p{ letter-spacing:1px; font-size:12px; color:#999; margin-top:24px; line-height:20px;}

#abs{padding-top:50px; padding-bottom:50px;}
.absbox{ line-height:28px; letter-spacing:1px; text-align:justify;}
.absbox h2{margin-bottom:40px; font-size:18px; font-weight:bold; margin-top:40px;}
.absbtn{margin-top:20px; background:#242533; color:#fff; font-size:14px; padding:12px 28px;}

#newsbox{padding-top:50px; padding-bottom:50px;}
#newsbox .cat3box{ border:none; background:none; padding:0px; margin:0px;}
#newsbox .cat3box h2{margin-top:0px;}
#newsbox .cat3box h2 a{font-size:14px;}
#newsbox .cat3box p{ font-size:12px; color:#999; line-height:18px;}
#newsbox .cat3box p.date{margin-top:15px; margin-bottom:15px;}
#newsbox .cat3box .cat3img{display:block; overflow:hidden; height:160px;}

#banner1{ background:#ecab13; padding-top:40px; padding-bottom:40px;}
#banner1 p{ font-weight:800; font-size:28px; color:#fff;}

#footer{ background:#252634; padding-top:50px; color:#fff; font-size:13px;}
#footer a{color:#fff;}
#footer h2{font-size:18px; margin-bottom:20px; border-bottom:3px solid #fff; padding-bottom:15px; display:inline-block;}
.fcontact{}
.fcontact li{ line-height:40px;}
.fcontact li i{display:block; float:left; width:25px; margin-top:14px;}

.fprocat{}
.fprocat li{ line-height:30px;}
.fprocat li a{font-size:13px;}

.foth{}
.foth li{ line-height:40px;}

.copyright{ border-top:1px solid #3b3c4a; margin-top:20px; padding-top:20px; padding-bottom:20px; color:#999;}

.topbanner_abs{height:280px; background:#333 url(../Images/topbannerabs.jpg) center top no-repeat;}
.breadbox{ background:rgba(0, 0, 0, 0.7); margin-top:-40px; height:40px; overflow:hidden;}
.breadcrumb{ background:none; border:none;}
.breadcrumb a{color:#999;}
.bbkcontent{ margin-top:50px; padding:30px 20px; color:#fff;}
.bbkcontent h2{color:#fff; font-size:16px; font-weight:bold;}
.bbkcontent p{font-size:12px; line-height:22px;}
.bbkcontent1{background:#1e98c1 url(../Images/bbkbg1.jpg) center center no-repeat;}
.bbkcontent2{background:#1e98c1 url(../Images/bbkbg2.jpg) center center no-repeat;}
.bbkcontent3{background:#1e98c1 url(../Images/bbkbg3.jpg) center center no-repeat;}

.contacts{ border:1px solid #d4d4d4; background:#f3f2f2; margin-top:10px; padding:30px 20px; color:#333;}
.contacts h2{color:#333; font-size:16px; font-weight:bold; margin-left:60px; margin-top:0px;}
.contacts h2 p{font-size:14px; margin-top:20px; font-weight:normal;}
.contacts i{ display:block; width:40px; height:40px; color:#fff; line-height:40px; font-size:24px; background:#333;
             text-align:center;}

#ctsbannerad{ font-size:18px; color:#666; padding-bottom:50px;}
#ctsbannerad p{line-height:30px;}
#ctsbannerad .blue{color:#004685; font-size:24px; font-weight:bold;}

#abs .caseintro{font-size:16px; line-height:30px; color:#666;}

.content_box{ margin-top:30px; margin-bottom:30px;}
.items{margin-bottom:35px; }
.items_box{padding:10px; text-align:center;}
.items .item_img{ display:block; min-height:230px; width:100%; overflow:hidden;}
.items .item_title{ display:block; height:30px; font-size:14px; line-height:30px; text-align:center;}

.art_list{ border-bottom:1px dotted #ccc; padding-bottom:20px;}
.art_list h2{}
.art_list h2 a{color:#333; font-weight:bold; font-size:16px;}
.art_list p{color:#666;}

.pagebox{padding-top:20px;}
.pagebox li{float:left; margin-left:10px;}
.art_content_box{}
.art_content_box .info{}
.intro{border:1px solid #f0f0f0; background:#f9f9f9; padding:20px; line-height:20px; margin-top:18px;
                        margin-bottom:18px; color:#666;}
.art_content_box .art_title{ font-size:18px; font-weight:bold;}
.prevnext{color:#666;}
.prevnext a{color:#666;}

h1.pro_title{font-size:18px; font-weight:bold;}
h3.pro_detail{ background:#f0f0f0; font-size:14px; font-weight:bold;}

.nopage_art_list{margin:0px; padding:0px; margin-top:0px;}
.bottomart{padding-top:30px; padding-bottom:40px;}
.bottomart .bottomart_title h2{ font-size:20px; padding-bottom:15px; font-weight:bold; border-bottom:1px solid #ccc;
                                color:#004685;}
#flinks{padding-bottom:20px; padding-top:10px;}
.flinkstitle{border-bottom:1px dotted #333; }
.flinkstitle h2{ font-size:16px; font-weight:bold;}
#flinks .linksa{margin-top:10px;}
#flinks a{ font-size:14px; color:#666; margin-top:10px; margin-right:12px;
           float:left;}
/* @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { ... } */


@media screen and (max-width: 320px)
{
    
    }
@media screen and (max-width: 480px)
{
    #header{width:100%; padding-top:6px; height:auto; background:url(/Shared/Images/banner1.jpg) center center no-repeat;}
.logo{height:80px;}
.stitle{font-size:24px; position:relative; top:30px;}
.sitetitle{position:relative; top:6px; display:block; margin:0 auto;}
     #slider , #slider div{height:120px;  padding:0px; margin:0px;}
     #slider{}
    .carousel-cell{width:100%; background-position:top center; background-size:170%; background-repeat:no-repeat;}
    #navigation .navbar-header{position:relative; top:13px;}   
    .flickity-prev-next-button{position:absolute;top:60%;width:24px;height:24px;border:none;border-radius:50%;
                           background:#fff;background:hsla(0,0%,100%,.5);cursor:pointer;
                           -webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
    .flickity-prev-next-button svg{position:absolute;left:20%;top:20%;width:60%;height:60%}
    
    #navigation .navbar-nav{padding-top:30px;}
    #navigation .navbar-nav .dropdown-menu{ width:95%;}
    #navigation .navbar-header{ margin-top:-14px;}
    #navigation .navbar-header .navbar-brand{color:#fff;}
    #navigation .navbar-header .collapsed .icon-bar{color:#fff; background:#fff;}
   
/*Pagination*/
.page_box{padding-top:20px; padding-bottom:20px; text-align:center; clear:both; margin-top:20px; line-height:40px;
           width:100%;}
.page_box a{-webkit-border-radius: 5px; -moz-border-radius: 5px;  border-radius: 5px;
	border: 3px solid #f0f0f0; background:#ccc; padding:4px 7px; margin-left:4px; color:#333; }
.page_box a:hover , .page_box a.current{color:#fff; background:#d52123;}


.next_prev_box{border-top:1px dotted #ccc; border-bottom:3px solid #f0f0f0; line-height:24px; padding-top:14px; 
               padding-left:10px; padding-bottom:14px; font-size:15px; background:#f9f9f9; margin-left:10px; margin-top:20px;}
.next_prev_box a{color:#d52123; font-weight:bold; font-size:15px;}
#top_3_cat{padding-top:20px; padding-bottom:20px;}
.cat3box{border:1px solid #d4d4d4; background:#fff; padding:30px; margin-top:0px; min-height:170px;}
.breadbox{ background:#f9f9f9; border-bottom:1px solid #f0f0f0; margin-top:00px; height:40px; overflow:hidden;}
.cat3box h2{margin-bottom:10px; line-height:15px;}
.cat3box h2.mbh2 a{font-size:16px !important; color:#333; font-weight:bold;}
.block_title h2 a{border-bottom:5px solid #1696c5; font-size:25px; padding-bottom:8px; letter-spacing:0px; font-weight:bold;}
.bottomart .bottomart_title h2{ font-size:20px; padding-bottom:15px; font-weight:bold; border-bottom:1px solid #ccc;
                                color:#004685; padding-left:20px;}
.sec_alt{ background:#f5f4f4; padding-top:10px; padding-bottom:10px;}

.indexrightprobox{padding-top:20px;}
#abs , #newsbox{padding-top:10px; padding-bottom:30px;}
#footer{ background:#252634; padding-top:20px; margin-top:20px; color:#fff; font-size:13px;}
.bbkcontent{ margin-top:20px; padding:20px 20px; color:#fff;}
.items{border:1px solid #ccc; border-right:none;}
.items .item_img{ display:block; min-height:120px; width:100%; overflow:hidden;}
.items .item_title{ display:block; height:30px; font-size:12px; line-height:16px; text-align:center;}
.content_box{padding-top:10px; margin-top:0px;}
#banner1{margin-left:15px; margin-right:15px;}
.copyright{ border-top:1px solid #3b3c4a; margin-top:20px; padding-top:10px; padding-bottom:10px; color:#999;}

.footer_nav{ background:url(../Images/ftbg.jpg) left center repeat-x; padding-top:18px; padding-bottom:18px; 
             box-shadow:0px -1px 10px 0px #000;
             position: fixed; bottom: 0px; _position: absolute; width:100%;}
.footer_nav .container-fluid{width:100%; font-weight:bold;}
.footer_nav .container-fluid i{margin-right:3px; color:#004685;}

    }
@media screen and (max-width: 640px)
{
  
    }
@media screen and (max-width: 768px)
{
   
    }
@media screen and (max-width: 992px)
{
    
    }
@media screen and (max-width: 1024px)
{
    
    }
@media screen and (max-width: 1200px)
{
    
    }